.mainTabContent>.mineTopDiv {
    width: 100%;
    height: calc(238vw/3.75);
    background-image: linear-gradient(180deg, #2CB5A575 0%, #F6F7F9 100%);
    background-repeat: no-repeat;

    >.userBox {
        width: 100%;
        height: calc(130vw/3.75);
        margin: calc(88vw/3.85) 0 0 0;
        position: relative;

        >.avatar {
            position: absolute;
            width: calc(69vw/3.75);
            height: calc(69vw/3.75);
            left: calc(12.5vw/3.75);
            bottom: calc(61vw/3.75);
            border-radius: 50%;
        }

        >.username {
            position: absolute;
            left: calc(93vw/3.75);
            bottom: calc(97.5vw/3.75);
            color: #000000;
            font-family: PingFang SC;
            font-weight: bold;
            font-size: calc(18vw/3.75);
            line-height: normal;
            letter-spacing: calc(-0.15vw/3.75);
            text-align: center;

        }

        >.editIcon {
            position: absolute;
            left: calc(93vw/3.75);
            bottom: calc(75.5vw/3.75);
            width: calc(12vw/3.75);
            height: calc(12vw/3.75);
        }

        >.dataFlexDiv {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: calc(45vw/3.75);
            display: flex;

            >.dataFlexDivItem {
                flex: 1;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;

                >span:first-of-type {
                    color: #000000;
                    font-family: DIN Condensed;
                    font-weight: bold;
                    font-size: calc(24vw/3.75);
                    line-height: calc(24vw/3.75);
                    letter-spacing: 0;
                    text-align: center;

                }

                >span:last-of-type {
                    color: #979797;
                    font-family: PingFang SC;
                    font-weight: normal;
                    font-size: calc(12vw/3.75);
                    line-height: calc(12vw/3.75);
                    letter-spacing: 0;
                    text-align: center;

                }
            }
        }
    }
}

.mainTabContent>.mineFlexScroll {
    width: 100%;
    flex: 1;
    overflow: scroll;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F6F7F9;

    >.card.stateCard {
        height: calc(134vw/3.75);
        min-height: calc(134vw/3.75);

        .doctorInfo {
            width: calc(320vw/3.75);
            height: calc(45vw/3.75);
            margin: calc(59vw/3.75) auto 0;
            display: flex;
            align-items: center;

            >img.doctorAvatar {
                height: calc(45vw/3.75);
                width: calc(45vw/3.75);
                border-radius: 50%;
            }

            >div.doctorTextInfo {
                flex: 1;

                >p:first-of-type {
                    padding-left: calc(10vw/3.75);

                    >span:first-of-type {
                        color: #3C3E42;
                        font-family: PingFang SC;
                        font-weight: 500;
                        font-size: calc(18vw/3.75);
                        line-height: calc(24vw/3.75);
                        letter-spacing: 0;
                        text-align: left;

                    }

                    >span:last-of-type {
                        margin-left: calc(7.5vw/3.75);
                        color: #6F6F6F;
                        font-family: PingFang SC;
                        font-weight: normal;
                        font-size: calc(12vw/3.75);
                        line-height: calc(20vw/3.75);
                        letter-spacing: 0;
                        text-align: left;

                    }
                }

                >p:last-of-type {
                    padding-left: calc(10vw/3.75);
                    display: flex;
                    align-items: center;
                    margin-top: calc(3.5vw/3.75);

                    >span:first-of-type {
                        display: block;
                        width: calc(26vw/3.75);
                        height: calc(14vw/3.75);
                        border-radius: calc(2vw/3.75);
                        background: #677FFF;
                        color: #FFFFFF;
                        font-family: PingFang SC;
                        font-weight: normal;
                        font-size: calc(9vw/3.75);
                        line-height: calc(14vw/3.75);
                        letter-spacing: 0;
                        text-align: center;

                    }

                    >span:last-of-type {
                        margin-left: calc(3vw/3.75);
                        color: #3C3E42;
                        font-family: PingFang SC;
                        font-weight: normal;
                        font-size: calc(12vw/3.75);
                        line-height: calc(21vw/3.75);
                        letter-spacing: 0;
                        text-align: center;

                    }
                }
            }

            >.consultButton {
                height: calc(29vw/3.75);
                width: calc(76vw/3.75);
                border-radius: calc(27.5vw/3.75);
                background: #2CB5A519;
                color: #2CB5A5;
                font-family: PingFang SC;
                font-weight: normal;
                font-size: calc(12vw/3.75);
                line-height: calc(29vw/3.75);
                letter-spacing: 0;
                text-align: center;

            }
        }

        >ul.bottomDotUl {
            position: absolute;
            left: calc(160vw/3.75);
            top: calc(119vw/3.75);
            width: calc(17.5vw/3.75);
            height: calc(5vw/3.75);
            display: flex;
            justify-content: space-between;
            align-items: center;

            >li:first-of-type {
                width: calc(5vw/3.75);
                height: calc(5vw/3.75);
                border-radius: 50%;
                background: #2CB5A5;

            }

            >li:last-of-type {
                width: calc(7.5vw/3.75);
                height: calc(5vw/3.75);
                border-radius: calc(4vw/3.75);
                background: #EAF8F6;
            }
        }
    }

    >.card.drugOrderCard {
        height: calc(124vw/3.75);
        min-height: calc(124vw/3.75);

        >span.allOrder {
            color: #C3C3C5;
            font-family: PingFang SC;
            font-weight: normal;
            font-size: calc(13vw/3.75);
            line-height: calc(24vw/3.75);
            letter-spacing: 0;
            text-align: center;
            position: absolute;
            right: calc(34vw/3.75);
            top: calc(15vw/3.75);
        }

        >img.rightArrow {
            position: absolute;
            top: calc(17vw/3.75);
            right: calc(10vw/3.75);
            width: calc(20vw/3.75);
            height: calc(20vw/3.75);
        }

        >div.drugFlexDiv {
            width: 100%;
            margin-top: calc(59vw/3.75);
            padding: 0 calc(22.5vw/3.75);
            height: calc(50vw/3.75);
            display: flex;
            align-items: center;
            justify-content: space-between;

            >.flexItem {
                width: calc(36vw/3.75);
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;

                >img {
                    width: calc(27vw/3.75);
                    height: calc(27vw/3.75);
                }

                >span {
                    color: #3C3E42;
                    font-family: PingFang SC;
                    font-weight: normal;
                    font-size: calc(12vw/3.75);
                    line-height: calc(18vw/3.75);
                    letter-spacing: 0;
                    text-align: center;
                }
            }
        }
    }

    >.card.quickToolCard {
        height: calc(375vw/3.75);
        min-height: calc(375vw/3.75);
        >div.toolFlexBox{
            width: 100%;
            margin-top: calc(44vw/3.75);
            display: flex;
            flex-direction: column;
            align-items: center;
            >.toolFlexItem{
                width: 100%;
                padding-left: calc(12.5vw/3.75);
                padding-right: calc(10vw/3.75);
                height: calc(46vw/3.75);
                display: flex;
                align-items: center;
                >img.toolIcon{
                    width: calc(20vw/3.75);
                    height: calc(20vw/3.75);
                }
                >p{
                    flex: 1;
                    padding-left: calc(12.5vw/3.75);
                    color: #3C3E42;
font-family: PingFang SC;
font-weight: normal;
font-size: calc(14vw/3.75);
line-height: calc(21vw/3.75);
letter-spacing: 0;
text-align: left;

                }
                >img.rightArrow{
                  width: calc(20vw/3.75);
                    height: calc(20vw/3.75);
                }
            }
        }
    }

    >.card {
        position: relative;
        width: calc(345vw/3.75);
        border-radius: calc(10vw/3.75);
        background: #FFFFFF;
        box-shadow: 0 0 calc(11vw/3.75) 0 #E5E5E533;
        margin-bottom: calc(10vw/3.75);

        >span.title {
            position: absolute;
            left: calc(15vw/3.75);
            top: calc(15vw/3.75);
            color: #000000;
            font-family: PingFang SC;
            font-weight: bold;
            font-size: calc(16vw/3.75);
            line-height: calc(24vw/3.75);
            letter-spacing: 0;
            text-align: center;

        }


    }
}